<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 此处为：HTML区块 块元素和行内元素 标签 -->
     <div class="new-bar">
        <h1>这是第一个标题</h1>
        <a href="https://www.baidu.com">第一个标签</a>
        <p>五十米内容的行内元素1</p>
        <p>五十米内容的行内元素1</p>
        <p>五十米内容的行内元素1</p>
        <p>五十米内容的行内元素1</p>

     </div>
     <div class="new-container">
        <h1>这是第二个标题</h1>
        <a href="https://www.taobao.com" target="_parent">第二个标签</a>
        <p>五十米内容的行内元素1</p>
        <p>五十米内容的行内元素1</p>
        <p>五十米内容的行内元素1</p>
        <p>五十米内容的行内元素1</p>
     </div>
     <div class="container"></div>

     <span>1</span>
     <span>1</span>
     <span>1</span>
     <span>1</span>
     <hr>
     <span >超链接</span>
     <a href="https://www.github.com">标签3</a>
</body>
</html>